@charset "utf-8";

*{
	margin:0;
	padding:0;
}
#mywrap{
	background:#efefef;
	display: flex;
	flex-direction: column;
	padding-bottom: 1.2rem;
}
/*头部修饰*/
#mywrap #header{
	font-size: 0.24rem;
	color: white;
	background: #ffd600;
	display: flex;
	flex-direction: column;
}
#mywrap #header #top{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
#mywrap #header #top #left{
	margin:0.5rem;
	width:1.1rem;
	height:1.1rem;
}
#mywrap #header #top #center{
	flex-grow: 3;
	position: relative;
}
#mywrap #header #top #center img{
	width:2rem;
	height:0.6rem;
	margin-top: 0.2rem;
}
#mywrap #header #top #center p{
	font-size: 0.28rem;
	font-weight: bold;
}
#mywrap #header #top #center span{
	font-size: 0.28rem;
	color:red;
	position: absolute;
	top:0.65rem;
	left:0.8rem;
}
#mywrap #header #top #right{
	flex-grow: 1;
	font-size: 0.6rem;
	font-weight: bold;
}
#mywrap #header #bottom{
	display: flex;
	background: rgba(0,0,0,0.04);
}
#mywrap #header #bottom span{
	font-size: 0.6rem;
	line-height: 0.8rem;
}
#mywrap #header #bottom .item{
	flex-basis: 49.5%;
	height:0.8rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
#mywrap #header #bottom .item img{
	width:0.4rem;
	height:0.4rem;
}
/*导航部分修饰*/
#mywrap #nav{
	background: white;
	margin-top: 0.2rem;
	margin-bottom:0.2rem;
	display: flex;
	flex-direction: column;
}
#mywrap #nav .top{
	font-size: 0.28rem;
	display: flex;
	height:1rem;
	border-bottom: 0.05rem solid #f6f6f6;
	justify-content: space-around;
	align-items: center;
}
#mywrap #nav .top p{
	color:gray;
}
#mywrap #nav .bottom{
	display: flex;
	align-items: center;
	height:1.5rem;
	font-size: 0.24rem;
}
#mywrap #nav .bottom .item{
	flex-basis: 25%;
	text-align: center;
}
#mywrap #nav .bottom img{
	width:0.4rem;
	height:0.4rem;
	margin-bottom: 0.2rem;
}
/*内容部分修饰*/
#mywrap #content{
	font-size: 0.24rem;
	display: flex;
	flex-direction: column;
}
#mywrap #content .top{
	height: 2rem;
	background: white;
	margin-bottom: 0.05rem;
	display: flex;
	align-items: center;
}
#mywrap #content .top .item{
	flex-basis: 25%;
	text-align: center;
}
#mywrap #content img{
	width:0.6rem;
	height:0.6rem;
	margin-bottom: 0.2rem;
}
#mywrap #content .bottom{
	height: 2rem;
	background: white;
	display: flex;
	align-items: center;
}
#mywrap #content .bottom .item{
	flex-basis: 25%;
	text-align: center;
}
/*页尾修饰*/
#mywrap #footer{
	font-size: 0.28rem;
	height: 1rem;
	background: white;
	margin-top: 0.8rem;
}
#mywrap #footer p{
	text-align: center;
	line-height: 1rem;
}
